home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / scrollbars.css < prev    next >
Cascading Style Sheet File  |  2010-01-14  |  7KB  |  201 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Mozilla Communicator client code, released
  15.  * March 31, 1998.
  16.  *
  17.  * The Initial Developer of the Original Code is
  18.  * Netscape Communications Corporation.
  19.  * Portions created by the Initial Developer are Copyright (C) 1998-2001
  20.  * the Initial Developer. All Rights Reserved.
  21.  *
  22.  * Contributor(s):
  23.  *   Joe Hewitt (hewitt@netscape.com)
  24.  *
  25.  * Alternatively, the contents of this file may be used under the terms of
  26.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28.  * in which case the provisions of the GPL or the LGPL are applicable instead
  29.  * of those above. If you wish to allow use of your version of this file only
  30.  * under the terms of either the GPL or the LGPL, and not to allow others to
  31.  * use your version of this file under the terms of the MPL, indicate your
  32.  * decision by deleting the provisions above and replace them with the notice
  33.  * and other provisions required by the GPL or the LGPL. If you do not delete
  34.  * the provisions above, a recipient may use your version of this file under
  35.  * the terms of any one of the MPL, the GPL or the LGPL.
  36.  *
  37.  * ***** END LICENSE BLOCK ***** */
  38.  
  39. /* ===== scrollbars.css =================================================
  40.   == Styles used by XUL scrollbar-related elements.
  41.   ======================================================================= */
  42.  
  43. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  44. @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
  45.  
  46. /* ::::: scrollbar ::::: */
  47.  
  48. scrollbar {
  49.   -moz-appearance: none;
  50.   -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
  51.   cursor: default;
  52. }
  53.  
  54. scrollbar[orient="vertical"] {
  55.   -moz-appearance: none;
  56.   background: transparent url("chrome://global/skin/scrollbar/scroll-background.png") repeat-y;
  57.   width: 17px;
  58.   -moz-border-radius: 5px;
  59. }
  60.  
  61. scrollbar[orient="horizontal"] {
  62.   background: transparent url("chrome://global/skin/scrollbar/scroll-background-horizontal.png") repeat-x;
  63.   height: 17px;
  64. }
  65.  
  66. gripper {
  67.   -moz-box-flex: 1;    
  68. }
  69.  
  70. /* ::::: thumb (horizontal) ::::: */ 
  71.  
  72. thumb[orient="horizontal"] {
  73. -moz-appearance: none;
  74. background: transparent url("chrome://global/skin/scrollbar/thumb-startcap.png") no-repeat left;
  75. min-width: 25px;  
  76. height: 17px;
  77. border-right: 2px solid !important;
  78. -moz-border-right-colors:#878583 #cdcccb !important;
  79. border-left: 2px solid !important;
  80. -moz-border-left-colors:#878583 #cdcccb !important;
  81. -moz-border-radius: 6px;
  82. }
  83.  
  84. thumb[orient="horizontal"] > gripper {
  85. -moz-appearance: none;/*scrollbargripper-horizontal;*/
  86. background: transparent url("chrome://global/skin/scrollbar/gripper-horizontal.png") no-repeat center !important;
  87. height: 15px;      
  88. }
  89.  
  90. thumb[orient="horizontal"]:hover {
  91. -moz-appearance: none;
  92. background: transparent url("chrome://global/skin/scrollbar/thumb-startcap-hover.png") no-repeat left;
  93. min-width: 25px;  
  94. height: 17px;      
  95. border-right: 2px solid !important;
  96. -moz-border-right-colors:#81b7f2 #dbdad9 !important;
  97. border-left: 2px solid !important;
  98. -moz-border-left-colors: #81b7f2 #d9d8d7 !important;
  99. -moz-border-radius: 6px;
  100. }
  101.  
  102.  
  103.  
  104. /* ::::: thumb (vertical) ::::: */ 
  105.  
  106. thumb[orient="vertical"] {
  107. -moz-appearance: none;
  108. background: transparent url("chrome://global/skin/scrollbar/thumb-topcap.png") no-repeat top;
  109. min-height: 25px;   
  110. border-bottom: 2px solid !important;
  111. -moz-border-bottom-colors:#878583 #cdcccb !important;
  112. border-top: 2px solid !important;
  113. -moz-border-top-colors:#878583 #cdcccb !important;
  114. -moz-border-radius: 6px;
  115. }
  116.  
  117. thumb[orient="vertical"]:hover {
  118. -moz-appearance: none;
  119. background-image: url("chrome://global/skin/scrollbar/thumb-topcap-hover.png");
  120. border-top: 2px solid !important;
  121. -moz-border-top-colors:#81b7f2 #dbdad9 !important;
  122. border-bottom: 2px solid !important;
  123. -moz-border-bottom-colors: #81b7f2 #d9d8d7 !important;
  124. -moz-border-radius: 6px;
  125. }
  126.  
  127. thumb[orient="vertical"]:active {
  128.   -moz-appearance: none;
  129.   background-image: url("chrome://global/skin/scrollbar/thumb-topcap-hover.png");
  130. border-top: 2px solid !important;
  131. -moz-border-top-colors:#81b7f2 #dbdad9 !important;
  132. border-bottom: 2px solid !important;
  133. -moz-border-bottom-colors: #81b7f2 #d9d8d7 !important;
  134. -moz-border-radius: 6px;
  135. }
  136.  
  137.  
  138. thumb[orient="vertical"] > gripper {
  139.   -moz-appearance: none;
  140.   background: transparent url("chrome://global/skin/scrollbar/gripper-vertical.png") no-repeat center !important;
  141.   width: 15px;      
  142. }
  143.  
  144. /* ::::: scrollbar button ::::: */ 
  145.  
  146. scrollbar[orient="horizontal"] > scrollbarbutton {
  147.   background-repeat: no-repeat;
  148.   min-width: 17px;
  149.   min-height: 15px;
  150. }
  151.  
  152. scrollbar[orient="vertical"] > scrollbarbutton {
  153.   background-repeat: no-repeat;
  154.   min-width: 15px;
  155.   min-height: 17px;
  156. }
  157.  
  158. /* ::::: square at the corner of two scrollbars ::::: */
  159.  
  160. scrollcorner { 
  161.   -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar-base");
  162.   background-color: #E0DFDE;
  163.   width: 17px;
  164.   cursor: default;
  165. }
  166.  
  167. /* ..... increment .... */
  168.  
  169. scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {
  170.   -moz-appearance: none;
  171.   background-image: url("chrome://global/skin/scrollbar/arrow-right.png");
  172.   width: 17px;
  173.   height: 17px;
  174. }
  175.  
  176. scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
  177.   -moz-appearance: none;
  178.   background-image: url("chrome://global/skin/scrollbar/arrow-down.png");
  179.   width: 17px;
  180.     height: 17px;
  181.  
  182. }
  183.  
  184. /* ..... decrement .... */
  185.  
  186. scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {
  187.   -moz-appearance: none;
  188.   background-image: url("chrome://global/skin/scrollbar/arrow-left.png");
  189.   width: 18px;
  190.   height: 17px;
  191. }
  192.  
  193.  
  194. scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
  195.   -moz-appearance: none;
  196.   background-image: url("chrome://global/skin/scrollbar/arrow-up.png");
  197.   width: 17px;
  198.     height: 18px;
  199.  
  200.  
  201. }